<!DOCTYPE html>
<html>
  <body>
    <div data-th-fragment="full-post">
        <header data-sec-authorize="fullyAuthenticated" style="padding-bottom: 20px;">
            <span><a id="edit" class="button uppercase transparent animate button-small"
                     data-th-href="@{/admin/blog/{id}-{slug}/edit(id=${post.id},slug=${slug})}">Edit blog post</a></span>
        </header>
        <h2 class="blog--title">
            <a data-th-href="@{*{path}}" data-th-text="*{title}">Blog post title</a>
        </h2>
        <header class="meta-data--container">
            <div class="meta-data--item desktop-only">
                <div data-th-class="${'meta-data--icon icon blog-icon '+ #strings.toLowerCase(post.category).replace(' ','-')}"></div>
                <a class='category' data-th-href="@{'/blog/category/' + *{category.urlSlug}}" data-th-text="${post.category}">Category</a>
            </div>
            <div class="meta-data--item">
                <img class="meta-data--icon" data-th-src="@{${post.author.avatarUrl} + '?s=20&amp;d=mm'}" />
                <a class="author" rel="author" data-th-text="${post.author.name}" data-th-href="@{'/team/'+${post.author.username}}" data-th-unless="${post.author.hidden}">Author</a>
                <span class='author' data-th-text="${post.author.name}" data-th-if="${post.author.hidden}">Author</span>
            </div>
            <div class="meta-data--item">
                <div class="meta-data--icon icon blog-icon calendar"></div>
                <time class='date' pubdate data-th-datetime="${post.publishAt}" data-th-text='${post.formattedPublishDate}'>June 18, 2013</time>
            </div>
            <div class="meta-data--item">
                <div class="meta-data--icon icon blog-icon comments"></div>
                <a class='comments' data-th-attr="data-disqus-identifier=${post.id}" data-th-href="@{${post.path} + '#disqus_thread'}">0 Comment</a>
            </div>
        </header>
        <section class="blog--post desktop-only">
            <div data-th-utext="*{renderedContent}">Blog post content</div>
        </section>
    <section id="disqus_thread"></section>
    <script type="text/javascript" data-th-inline="javascript">
      var disqus_shortname = /*[[${disqusShortname}]]*/ 'no_shortname';
      var disqus_identifier = /*[[${post.id}]]*/ 'no_id';

      (function(disqus_shortname, document) {
        injectScript('//' + disqus_shortname + '.disqus.com/embed.js');
        injectScript('//' + disqus_shortname + '.disqus.com/count.js');

        function injectScript(url) {
          var s = document.createElement('script');
          s.async = true;
          s.src = url;
          (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(s);
        }

      }(disqus_shortname, document));
    </script>
    <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
    <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
  </div>
  </body>
</html>

